<script setup lang='ts'>
import menua from "../components/pc/menu.vue";
import headerVue from "../components/pc/header.vue";
import content from "../components/pc/content.vue";
</script>

<template>
<div class="pc">
    <div class="left-content">
        <menua></menua>
    </div>
    <div class="headerAndcontent">
        <headerVue></headerVue>
        <content></content>
    </div>
</div>
</template>

<style scoped>
.pc{
    width: 100%;
    min-height: calc(100vh);
    display: grid;
    grid-template-columns: 20% 80%;
}
.left-content{
    background-color: #545c64;
}
.headerAndcontent{
    display: grid;
    grid-template-rows: 8% 92%;
}
</style>